@media all and (max-width:1024px) {
    .zHead{padding:0 15px;height:60px;position:absolute;}
    .zHead .zNav,.zHead .tel,.zHot,.zLink{display:none;}
    .zHead .logo{height:60px;margin:0;padding:10px 0;}
    .zHead .logo img{height:100%;}
    .wapNav{display:block;}
    .navTrigger,.wapTel{display:block;}
    .navTrigger{right:0;}
    .navTrigger,.wapTel{display:block;}
    .nav_on{opacity:1;transform: translateX(0);}

    .zSlide{margin-top:60px;}

    .zSlide .swiper-button-prev, .zSlide .swiper-button-next,.serList .swiper-button-prev,.serList .swiper-button-next{display:none;}
    .zSlide .swiper-pagination{bottom:10px;}


    .zProd,.zPlatf{padding:40px 15px 0;}
    #tabs-container,.platfBox{padding-top:30px;}
    #tabs-container .pic{width:65%;height:auto;}
    #tabs-container .txt{width:35%;height:auto;padding:48px 20px;}
    #tabs-container .txt:before{display:none;}

    #tabs-container1,.platfBox .tabs1{width:100%;float:none;}
    #tabs-container1 .pic{width:100%;height:auto;}
    .platfBox .tabs1{margin-top:20px;}
    .platfBox .tabs1 a .wz{float:left;padding-left:20px;width:50%;}
    .zSafe,.zAbout,.zCase{margin-top:40px;}
    .zSafe h3{font-size:42px;}
    .zAbout{padding:0 15px;}
    .zAbout .box .pic{width:50%;height:auto;}
    .zAbout .box .pic img{width:100%;}
    .zAbout .box .txt{width:45%;padding-top:10px;}
    .zCase .zTitle{padding:0 15px;}
    .cabox{margin-top:30px;}
    #case-container .swiper-button-prev{left:8%;}
    #case-container .swiper-button-next{right:8%;}
    #case-container .swiper-slide{width:500px;}
    .zNews{margin:40px 0;padding:0 15px;}
    .zFooter{padding:40px 15px;}
    .zFooter .menu li{margin-left:11%;}
    .zpSlide,.zjoin1{margin-top:60px;}
    .zpSlide .bnWz .wz1{font-size:36px;}
    .zpSlide .bnWz .wz2{font-size:22px;}
    .zCur{padding:0 15px;}
    .zCur .cr{font-size:14px;}
    .zMainPage{padding:40px 15px;}
    .prodDetail .wenz .con{margin-bottom:0;}
    .zypt1 .ptbox, .zypt2 .ptbox, .zypt3 ul, .zypt4 ul,.zAbout .box{padding-top:35px;}
    .zypt1 .box2{width:45%;height:auto;}
    .zypt1 .box2 img,.zypt2 .box2 img,.casewz .dt img{width:100%;}
    .zypt1 .box1{width:54%;}
    .zypt1 .box1 li{padding:25px;}
    .zypt2, .zypt3, .zypt4,.zjoin3,.zjoin5{padding-top:40px;}
    .zypt2 .box2{width:55%;}
    .zypt2 .box1{width:40%;}
    .picList{padding-top:0;}
    .zjoin2 .box1{width:50%;}
    .zjoin2 .box2{width:49%;}
    .zjoin4,.zjoin6{padding:40px 15px;}
    .zjoin5 ul{margin-top:35px;padding:0 15px;height:auto;}
    .zjoin5 ul:after{display:none;}
    .zjoin5 ul li{width:100%;position: static!important;float:none;margin:10px 0;}
    .zMenu a{padding:0 20px;}
    .mipage img{width:100%;}
    .mipage .cult li{width:48.5%;margin-right:3%;height:auto;}
    #dituContent{display:none;}

    .newsList li a.pic{width:35%;}
    .newsList li .txt{width:60%;padding-top:0;}
    .newsList li .txt .wz{padding-top:20px;}
    .jobList .bt{background-position:96% center;}
}


@media all and (max-width:768px) {
    .qqkefu,.zMenu,.zTitle a, .zAbout .box .txt a{display:none;}
    #tabs-container .pic{width:100%;}
    #tabs-container .txt{width:100%;padding:20px;}
    .zProd .tabs a h4{font-size:18px;}
    .platfBox .tabs1 a .wz{width:80%;}
    .zSafe h3{font-size:32px;}
    .numScroll li .num{font-size:30px;}
    .zAbout .box .pic{width:100%}
    .zAbout .box .txt{width:100%;padding-top:20px;}
    .zNews .news li{padding:10px;}
    .zFooter .menu li:last-child{display:none;}
    .zpSlide .bnWz .wz1{font-size:28px;}
    .zpSlide .bnWz .wz2{font-size:18px;}
    .prodDetail .wenz .con{min-height:auto;margin-bottom:20px;}
    .zypt1 .box2,.zypt2 .box2{width:100%;}
    .zypt1 .box1{width:100%;margin-top:30px;}
    .zypt2 .box1{width:100%;}
    .zypt3 li,.zypt4 li{width:31.5%;margin-right:2.75%;margin-bottom:20px;}
    .zypt4 li:nth-child(4n){margin-right:2.75%;}
    .zypt3 li:nth-child(3n),.zypt4 li:nth-child(3n){margin-right:0;}
    .zypt4 li:after{top:auto;bottom:-10px;font-size:140px;}
    .zjoin2 .box1,.zjoin2 .box2{width:100%;}
    .zjoin2 .box1 img{width:100%;}
    .zjoin3 ul li img{width:70%;}
    .zjoin3 ul li h4 span{font-size:30px;}
    .mipage,.serList,.horList,.parList,.jobList,.paCont,.newsListTwo,.faqList,.newsListTwo{padding:0;}
    .paCont li{width:100%;margin-right:0;margin-bottom:20px;}
    .paCont li p{line-height:30px;padding-left:11%;}
    .newsDetail .msg .arl{display:none;}
    .newsDetail .neti{font-size:20px;}

}
@media all and (max-width:640px) {
    .zTitle .bt,.zTitle .bt span,#tabs-container .txt h3{font-size:20px;}
    .zProd .tabs a{padding:15px 0;}
    .zProd .tabs a span{background-size:60%;}
    .zProd .tabs a h4{padding-top:0;font-size:16px;}
    #tabs-container1 .wz{height:auto;padding:20px;font-size:18px;}
    .platfBox .tabs1 a{width:25%;float:left;text-align:center;padding:15px 0;height:auto;}
    .platfBox .tabs1 a img{float:none;display:inline-block;width:50px;height:58px;}
    .platfBox .tabs1 a .wz{width:100%;float:none;padding-left:0;}
    .platfBox .tabs1 a .wz p{display:none;}
    .platfBox .tabs1 a .wz h4{font-size:18px;}
    .zSafe h3{font-size:26px;}
    .zSafe h4{font-size:20px;}
    .numScroll{padding-top:45px;}
    .numScroll li .num{font-size:24px;}
    .numScroll1 li{padding-top:45px;}
    .numScroll1 li img{width:50%;}
    .zAbout .box .txt .wz{padding-top:10px;}
    .zNews .news{padding-top:30px;}
    #case-container .swiper-slide{width:400px;}
    #case-container .swiper-slide a span{font-size:18px;}
    .zNews .news li{width:100%;margin:10px 0;}
    .zFooter .logo .tel p{font-size:28px;}
    .zCur .cr{line-height:40px;}
    .zpSlide .bnWz .wz2{padding-top:0}
    .prodDetail .pic,.prodDetail .wenz{width:100%;}
    .prodDetail .wenz{margin-top:20px;}
    .prodXgcp .xgcp li{width:48.5%;margin-right:3%;}
    .prodXgcp .xgcp li:nth-child(2n){margin-right:0;}
    .wzbt p{font-size:26px;}
    .zypt1 .box1 li h3,.zypt4 li span{font-size:18px;}
    .wzbt:before,.wzbt:after{width:35%;}
    .zypt4 li{padding:15px;width:48.5%;margin-right:3%;}
    .zypt4 li:nth-child(3n){margin-right:3%;}
    .zypt4 li:nth-child(2n){margin-right:0;}
    .zjoin2 .box2 h4{font-size:24px;}
    .zjoin4{background-size:100% 100%;}
    .zjoin4 ul li{width:50%;margin-right:0;padding:0 10px;}
    #show-container{margin-top:30px;}
    .mipage .cult li.c3{margin-top:0;}
    .mipage .cult li{width:100%;float:none;margin-right:0;margin:10px 0;}
    .mipage .cult li p span{font-size:24px;padding-bottom:10px;}
    .mipage .cult li p{font-size:20px;}
    .serList .mySwiper .swiper-slide span{height:20px;line-height:20px;font-size:12px;}
    .paCont li p{padding-left:15%;}
    .pafeed{padding-top:40px;}
    .pafeed .feed .int{width:100%;margin-right:0;}
    .pafeed .feed span{font-size:16px;}
    .newsList li a.pic,.newsList li .txt{width:100%;height:auto;}
    .newsList li .txt{margin-top:20px;}
    .horList li,.parList li{width:31.5%;margin-right:2.75%;}
    .horList li:nth-child(2n),.parList li:nth-child(2n){margin-right:2.75%;}
    .horList li:nth-child(3n),.parList li:nth-child(3n){margin-right:0;}
}
@media all and (max-width:480px) {
    .zProd, .zPlatf{padding-top:30px;}
    #tabs-container, .platfBox{padding-top:20px;}
    .zTitle .bt, .zTitle .bt span, #tabs-container .txt h3{font-size:18px;}
    .zProd .tabs a span{height:34px;}
    .zProd .tabs a h4,.platfBox .tabs1 a .wz h4{font-size:14px;}
    #tabs-container1 .wz{padding:15px;font-size:14px;text-align:left;}
    .platfBox .tabs1 a img{width:35px;height:40px;}
    .platfBox .tabs1 a .wz{padding-top:0;}
    .zSafe, .zAbout, .zCase{margin-top:30px;}
    .zSafe{padding:30px 0;}
    .zSafe h4{font-size:18px;}
    .numScroll li{width:50%;margin:10px 0}
    .numScroll li:nth-child(3n),.numScroll li:nth-child(4n),.numScroll li:nth-child(5n){width:33.333333%;}
    .zypt1 .ptbox, .zypt2 .ptbox, .zypt3 ul, .zypt4 ul, .zAbout .box{padding-top:20px;}
    .zAbout .box .txt h4{font-size:20px;}
    .cabox{margin-top:20px;}
    #case-container .swiper-slide{width:480px;}
    #case-container .swiper-button-prev{left:4%;}
    #case-container .swiper-button-next{right:5%;}
    #case-container .swiper-button-prev, #case-container .swiper-button-next{width:30px;height:30px;}
    #case-container .swiper-button-prev:after, #case-container .swiper-button-next:after{font-size:14px;}
    #case-container .swiper-slide a span{height:40px;line-height:40px;font-size:16px;}
    .zNews .news{padding-top:15px;}
    .zFooter .menu{width:55%;}
    .zFooter .menu li{float:left;display:none;margin-left:8%;}
    .zFooter .menu li:nth-child(1),.zFooter .menu li:nth-child(2){display:block;}
    .zFooter .logo{width:45%;}
    .zCopy span:last-child{display:none;}

    .zpSlide .bnWz .wz1{font-size:20px;}
    .zpSlide .bnWz .wz2{font-size:14px;line-height:24px}
    .zCur .cr{line-height:30px;font-size:12px;}
    .zMainPage{padding:30px 15px;}
    .pordList li{width:48.5%;margin-right:3%;margin-bottom:10px;}
    .pordList li:nth-child(3n){margin-right:3%;}
    .pordList li:nth-child(2n){margin-right:0;}
    .pordList li a span i,.pordList li a .tit{font-size:14px;}
    .prodDetail .wenz .tit{font-size:18px;line-height:30px;padding-bottom:10px;margin-bottom:10px;}
    .prodDetail .wenz .t2{padding-left:45px;}
    .prodXsd{padding-top:35px;}
    .zypt2 .box1 p{font-size:14px;}
    .prodXsd .hd li.on,.zypt2 .box1 p span{font-size:16px;}
    .wzbt p{font-size:20px;}
    .wzbt p span{font-size:12px;}
    .wzbt:before, .wzbt:after{top:35px;}
    .zypt1 .box1 li{width:100%;padding:15px 0;}
    .zypt1 .box1 li h3{padding-left:0;font-size:16px;}
    .zypt1 .box1 li p{font-size:14px;text-align:left;}
    .zypt2, .zypt3, .zypt4, .zjoin3, .zjoin5,.zjoin3 ul{padding-top:30px;}

    .zypt3 li,.picList li,.casewz .wzlb li,.zjoin3 ul li,.horList li,.parList  li{width:48.5%;margin-right:3%;margin-bottom:10px;}
    .zypt3 li:nth-child(3n),.picList li:nth-child(3n),.horList li:nth-child(3n),.parList li:nth-child(3n){margin-right:3%;}
    .zypt3 li:nth-child(2n),.picList li:nth-child(2n),.casewz .wzlb li:nth-child(2n),.zjoin3 li:nth-child(2n),.horList li:nth-child(2n),.parList li:nth-child(2n){margin-right:0;}


    .zypt1 .box1 li h3 span{padding-left:10px;}
    .zypt3 li h4,.zypt1 .box1 li h3, .zypt4 li span{font-size:16px;}
    .zypt3 li p,.zypt4 li p,.picList li .tit,.zjoin4 ul li p,.horList li .tit{font-size:14px;}
    .casewz .wzlb li{padding:15px 0;}
    .casewz .wzlb li span{font-size:24px;}
    .zjoin2 .box2 h4,.zjoin3 ul li h4 span,.mipage .cult li p span{font-size:20px;}
    .zjoin2 .box2 p span,.zjoin4 ul li h4,.mipage .cult li p{font-size:18px;}
    .zjoin3 li{margin-bottom:20px;}
    .zjoin3 ul li img{width:40%;}
    .zjoin3 .more,.zjoin5 ul{margin-top:30px;}
    #show-container .swiper-slide span{height:35px;line-height:35px;font-size:12px;}
    #show-container .swiper-button-prev, #show-container .swiper-button-next{width:30px;height:30px;}
    #show-container .swiper-button-prev:after, #show-container .swiper-button-next:after{font-size:14px;}
    .pagination a.a1_page{display:none;}
    .pagination a,.pagination span{height:30px;line-height:30px;padding:0 5px;}
    .jobList .pabt,.jobList .bt{font-size:16px;height:40px;line-height:40px;}
    .jobList .bt{font-size:14px;background-position:98% center;}
    .jobList .nr{padding:15px;font-size:14px;}
    .paCont li{text-align:center;}
    .paCont li img{float:none;}
    .paCont li p{padding-left:0;padding-top:15px;}
    .newsListTwo li{padding-top:15px;margin-bottom:15px;}
    .newsListTwo li h3{font-size:18px;}
    .newsListTwo li .wz{padding-top:10px;line-height:24px;}

    .faqList li .title{height:45px;line-height:43px;font-size:16px;padding-left:45px;overflow: hidden;}
    .faqList li .title:before{left:15px;background-size:70% 50%;}
    .faqList li .title:after{right:15px;top:14px;}
    .faqList li.active .title:after{top:20px;}
    .faqList li .txt{padding:15px;}
    .newsList li .txt h3{font-size:18px;}
    .newsList li .txt .wz{padding-top:10px;line-height:20px;}

}

@media all and (max-width:380px) {
    .zProd .tabs a h4,.platfBox .tabs1 a .wz h4{font-size:12px;}
    .zFooter .logo{width:60%;}
    .zFooter .menu{width:40%;}
    .zFooter .menu li:nth-child(1){display:none;}
    .zypt3 li,.zypt4 li{width:100%;margin-right:0;}
    .zypt3 li:nth-child(3n),.zypt4 li:nth-child(3n){margin-right:0;}
    .casewz .wznr{font-size:14px;}
    .zjoin4 ul li{width:100%;}
    .mipage .cult li p span{font-size:18px;}
    .mipage .cult li p{font-size:14px;}
}